<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>UncleGED</title>
    <link href="MSDN.css" rel="stylesheet" type="text/css" />
</head>
<body><h3>
        Guide to UGED.CSS classes
    </h3>
    <table style="border-collapse: collapse" border="0">
        <colgroup>
            <col style="width: 182px" />
            <col style="width: 419px" />
        </colgroup>
        <tbody valign="top">
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.houshold</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section at top of family page that describes the household.</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.children
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section in family page that lists the children in household</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.othermarriages
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section of family page that begins &quot;Other Marriages for&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.events
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section of family page that begins &quot;Notes for&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.notes
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section of family page where note text is displayed.</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.sources
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section of family page that begins &quot;Sources for&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        table.childrentable
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Table of children in the household</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.upate
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section at bottom of page that has the line &quot;Last Updated On&#8230;&quot;</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.menu
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section at bottom of page that lists a menu of back links</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.copyright
                    </p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section at bottom of page that displays the copyright</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.indsection</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of Person page for each individual</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.indinfo</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        section of Invidual that appears as for example
                    </p>
                    <p style="margin-left: 36pt">
                        F, #I1, b. 24 May 1819, d. 22 January 1901</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.familysection</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section of invidual listing family details</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        div.extratext</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Section of Extra text that appears on pages</p>
                </td>
            </tr>
            <tr>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        h2.indname</p>
                </td>
                <td style="padding-right: 7px; padding-left: 7px">
                    <p>
                        Name of each individual appearing on Persons page</p>
                </td>
            </tr>
        </tbody>
    </table>
    <p>
        &#160;</p>
    <p>
        &#160;</p>
    <p>
        Below is a sample CSS:
    </p>
<pre>
body
{
	margin-left: 100px;
	color: black;
	font-family: tahoma;
	background-attachment:fixed; 
	background-repeat: repeat; 
	background-image: url('images/ug_bkgrd.gif');
}
a:link
{
	color: #008000;
}
a:visited
{
	color: blue;
}
a:active
{
	color: red;
}
div.household
{
}
div.children
{
}
div.othermarriages
{
}
div.events
{
}
div.notes
{
	font-size: 10pt;
}
div.sources
{
}
table.childrentable
{
	font-variant: small-caps;
}
div.update
{
}
div.menu
{
}
div.copyright
{
	text-align: center; 
	font-size:smaller; 
	font-style: italic;
}
h3
{
	font-weight: normal;
	font-style: italic;
}
div.indsection
{
}
div.indinfo
{
}
div.familysection
{
}
div.extratext
{
}
h2.indname
{
}
div.pedigree
{
}
table.pedigreetable
{
	font-size: 9pt;
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none; 
	border-bottom-style: none;
}
</pre>

<p></p>
<p></p>
</body>
</html>
